@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Microsoft YaHei'; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Microsoft YaHei';}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width: 1400px; margin: 0 auto; width:90%; }
.hcontainer{display: block; width:100%; padding:0 5%; }


.hidden{ overflow:hidden;}
.hide{ display:none;}

.nav{ overflow:hidden; color:#ffffff; font-size:18px; background:#0095b5; padding-left:25px;}
.nav li{ float:left;}
.nav li a{ display:block; padding:0 25px;}

.header{height:107px; line-height:107px; background: url(../images/headerbj.jpg) repeat-y;background-size:100% auto;}
.logos img{ display:block; height:107px;}
.tel{ color:#ffffff; font-size:24px; font-family:Impact; background:url(../images/tel.png) no-repeat left center; padding-left:40px;}

.lang{ cursor:pointer; padding:0 10px; height:37px; line-height:37px;  position:relative; margin:35px 60px 0 25px;}
.lang span{ display:block;background:url(../images/lang.png) no-repeat left center;  font-size:16px; color:#ffffff;  padding-left:30px; position:relative; padding-right:20px;} 
.lang span:after{ content:"";  background:url(../images/jian.png) no-repeat center center;  width:11px; height:100%; position: absolute; right:0; top:0;}
.lang:hover{ background:#ffffff;}
.lang:hover span{background-image:url(../images/langs.png); color:#0095b5;}
.lang:hover span:after{background-image:url(../images/jians.png);}

.langnav{ position:absolute; left:0; top:35px; width:100%; background:#ffffff; color:#333333; z-index:1000; display:none;}
.langnav a{ display:block; text-align:center; line-height:37px;}
.langnav a:hover{ background:#005365; color:#ffffff;}

.nav-toggle{display: none;margin-top:16px;background: none;border: none;outline: none;cursor: pointer; margin-left:15px;}
.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #ffffff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}


.banmain{height:100%; height:calc(100vh); }

.leftnav{ width:5%;height:100%; position:relative;}
.leftname{ width:14px; position:absolute; top:50%; margin-top:-160px; left:50%; margin-left:-7px; line-height:1; padding-top:100px;}
.leftname span{writing-mode:tb-rl; text-transform:uppercase; color:#cccccc; font-family:Arial; font-size:14px; text-align:center;}
.leftname:after{ content:""; height:70px; width:1px; top:0; left:50%; background:#cccccc; position:absolute;}

.leftico{ position:absolute; bottom:30px; left:0; width:100%; }
.leftico a{ width:40px; height:40px; display:block; margin:20px auto}
.leftico01{ background:url(../images/leftico01.png) no-repeat center center; background-size:100% 100%;}
.leftico02{ background:url(../images/leftico02.png) no-repeat center center; background-size:100% 100%;}
.leftico03{ background:url(../images/leftico03.png) no-repeat center center; background-size:100% 100%;}

.banner{height:100%; width:95%;}
.banwz{ overflow:hidden; color:#ffffff; line-height:1; position:absolute; top:35%; margin-top:-111px; padding-left:7%;}
.banwz .titen{ font-size:72px; font-family:Impact;}
.banwz .titcn{ font-size:65px; font-weight:bold; margin:25px 0 30px 0;}
.banwz p{ font-size:30px;}

.banner .swiper-pagination { bottom:30px!important;}
.banner .swiper-pagination .swiper-pagination-bullet{ background:#ffffff;opacity:1; width:12px; height:12px; margin:0 10px!important;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#0095b5;}

.tit01{ margin:60px 0; overflow:hidden;}
.tit01 .tname{color:#1c1c1c;}
.tit01 .tname span{ font-family:times new roman; font-size:18px; line-height:24px; display:block;text-transform:uppercase;}
.tit01 .tname h3{ font-size:30px; line-height:42px; position:relative;}
.tit01 .tname h3:after{ content:""; position:absolute; width:29px; height:2px; background:#000000; top:50%; margin-top:-1px; left:-50px;}

.bai .tname{color:#ffffff;}
.bai .tname h3:after{ background:#ffffff;}

.tit01 .tnav{ overflow: hidden; margin-top:24px;}
.tit01 .tnav li{ float:left; margin-left:25px; height:42px; line-height:42px; font-size:16px;}
.tit01 .tnav li a{ padding:0 20px; display:block; color:#333333;}
.tit01 .tnav li:hover a{ color:#ffffff; background:#0095b5;}

.tit01 .tmore{ width:165px; height:42px; border:1px solid #545454; display:block; margin-top:12px; background:url(../images/more.png) no-repeat center center; background-size:auto 11px;}
.tit01 .tmore:hover{background-image:url(../images/more2.png); border:1px solid #0095b5;}


.homeprod{ padding-bottom:80px;}

.hplist .swiper-slide{ width:20%;}
.hplist .swiper-slide img{ width:100%; display:block;}
.hplist .swiper-slide .txt{color:#333333;  }
.hplist .swiper-slide .txt a{font-size:16px; line-height:90px; text-align:center; display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hplist .swiper-slide:hover .txt{ color:#0095b5;}

.hplist .button-prev,.hplist .button-next{ width:50px; height:50px; position:absolute; top:50%; margin-top:-70px; z-index:100; cursor:pointer;}
.hplist .button-prev{ left:0; background:url(../images/hpleft.png) no-repeat center center; background-size:100% 100%; }
.hplist .button-prev:hover{background-image:url(../images/hplefts.png);}
.hplist .button-next{ right:0; background:url(../images/hpright.png) no-repeat center center; background-size:100% 100%;}
.hplist .button-next:hover{background-image:url(../images/hprights.png);}



.hmore{ margin-top:40px;}
.hmore a{ width:165px; height:42px; border:1px solid #545454; display:block; margin:0 auto; background:url(../images/more.png) no-repeat center center; background-size:auto 11px;}
.hmore a:hover{background-image:url(../images/more2.png); border:1px solid #0095b5;}

.habout{ height:830px; }
.hamain{ width:50%;height:100%; background:url(../images/aboutimg.jpg) no-repeat center center; background-size:cover;padding:70px; }
.hamain .hainfo{ color:#ffffff;display: flex;align-items: center; text-align:center; height:100%;}
.hamain .hainfo h3{ font-size:30px; width:100%;}
.hamain .hainfo span{ font-size:18px;font-family:times new roman; text-transform:uppercase;}
.hamain .hainfo p{ font-size:15px; line-height:2; margin-top:50px; }

.hamain .hainfo a{ width:165px; height:43px; border:1px solid #ffffff; display:block; margin:60px auto 0 auto; background:url(../images/more3.png) no-repeat center center; background-size:auto 11px;}


.hanav{ height:100%; width:50%; background:#f6f6f6; padding:70px; }
.hanav .hali{ overflow:hidden; height:310px;}
.hanav .hali02{ margin-top:70px;}
.hanav .hali .img{ width:50%; height:100%;}
.hanav .hali .img01{ background:url(../images/abimg01.jpg) no-repeat center center; background-size:cover;}
.hanav .hali .img02{ background:url(../images/abimg02.jpg) no-repeat center center; background-size:cover;}
.hanav .hali .txt{ width:50%; height:100%; background:#ffffff; color:#3e3e3e; text-align:center; padding:0 6%;display: flex;
    align-items: center;}
.hanav .hali .txt span{ font-size:30px; font-weight:normal; margin-bottom:10px; display:block;}
.hanav .hali .txt p{ font-size:16px; line-height:2; display:block; width:100%;}


.hnews{padding-bottom:80px;}
.hnlist{ padding-bottom:70px;}
.hnlist .swiper-slide img{ width:100%; display:block;} 
.hnlist .swiper-slide .txt{ padding:20px 25px; border-bottom:1px solid #eaeaea;}
.hnlist .swiper-slide .txt h3{ font-size:18px; line-height:30px; height:60px; font-weight:normal; margin-bottom:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}
.hnlist .swiper-slide .txt span{ color:#a3a2a2; font-size:13px; background:url(../images/time.png) no-repeat left center; padding-left:20px; display:block;}
.hnlist .swiper-slide:hover .txt{ background:#0095b5;}
.hnlist .swiper-slide:hover .txt h3{ color:#ffffff;}
.hnlist .swiper-slide:hover .txt span{ color:#ffffff; background-image:url(../images/times.png);}

.swiper-container-horizontal>.swiper-scrollbar{ bottom:0;}
.hnlist .swiper-scrollbar{display: block!important; opacity: 1!important; width:100%; left:0;}
.hnlist .swiper-scrollbar{ height:10px; background:#a1a1a1;  }
.swiper-scrollbar-drag{background:#0095b5;}


.advantage{ background:url(../images/advantage.jpg) no-repeat center center; background-size:cover; padding-bottom:80px;}

.advlist{}
.advlist li{ margin-right:3%; width:22.75%; border:2px solid #ffffff; float:left; text-align:center; padding-bottom:120px;}
.advlist li .ico{ width:90px; margin:90px auto 0 auto;}
.advlist li .ico img{ width:100%; display:block;}
.advlist li h3{ color:#ffffff; font-size:30px; margin-top:40px;}
.advlist li p{ color:#ffffff; font-size:16px; margin-top:20px;}

.hcase{ }

.hclist{ position:relative;}
.hclist .swiper-slide{ width:40%; }
.hclist .swiper-slide .img{ background:#000000;}
.hclist .swiper-slide img{ width:100%; opacity:0.44; display:block;}
.hclist .swiper-slide-active img{opacity:1;}
.hclist .swiper-slide .txt{ color:#1c1c1c; font-size:18px; text-align:center; line-height:120px; margin-top:20px;}
.hclist .swiper-slide .txt a{ display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hclist .swiper-slide .txt:hover{ color:#0095b5;}

.hclist .button-prev,.hclist .button-next{ width:50px; height:50px; position:absolute; top:50%; margin-top:-95px; z-index:100; cursor:pointer;}
.hclist .button-prev{ left:30%; margin-left:-60px; background:url(../images/hpleft.png) no-repeat center center; background-size:100% 100%; }
.hclist .button-prev:hover{background-image:url(../images/hplefts.png);}
.hclist .button-next{ right:30%; margin-right:-60px; background:url(../images/hpright.png) no-repeat center center; background-size:100% 100%;}
.hclist .button-next:hover{background-image:url(../images/hprights.png);}

.links{ background:#f3f3f3; padding:20px 0; color:#6a6a6a; font-size:14px; line-height:30px; margin-top:35px;}
.links a{ margin:0 12px 0 0;}
.links a:hover{ color:#0095b5;}

.footer{ background:#181d1b;}
.fmain{ padding:45px 0; border-bottom:1px solid #2e3230;}
.dbinfo .dblogo{ margin-bottom:20px;}
.dbinfo img{ display:block; height:52px;}
.dbinfo p{ color:#6a6a6a; font-size:14px; line-height:30px;}

.dbnav{ overflow:hidden; width:58%;}
.dbnav li{ float:left; width:25%;}
.dbnav li span{ color:#b3b3b3; font-size:16px; line-height:30px; display:block; margin-bottom:5px;}
.dbnav li>a{ display:block; color:#6a6a6a; font-size:14px; line-height:30px;}
.dbnav li a:hover{ color:#ffffff;}

.wechat{ overflow:hidden; width:250px;}
.wechat .img{ width:120px; float:left;}
.wechat .img img{ width:100%; display:block;}
.wechat .txt{ width:130px; float:right; padding:36px 20px; color:#ffffff; font-size:14px; line-height:24px;}

.copy{ color:#6a6a6a; font-size:14px; text-align:center; padding:18px 0;}


.nyban{ height:374px;}
.nyban .banmain{  height:100%;}
.coulmninfo{ color:#ffffff; line-height:1; margin-top:138px;}
.coulmninfo h3{ font-size:64px; margin-bottom:20px;}
.coulmninfo .weizhi{ font-size:14px;}
.coulmninfo .weizhi a:hover{ text-decoration:underline;}
.coulmninfo .weizhi span{ margin:0 5px;}

.nvhide{margin-top:-52px; overflow:hidden;}
.nynav{ float:right; }
.nynav li{ float:left; background:#0095b5; color:#ffffff; font-size:18px; margin-left:10px; height:52px; line-height:52px; text-align:center;}
.nynav li a{ display:block; padding:0 20px;}
.nynav li.on,.nynav li:hover{ background:#005365;}

.page{ padding:80px 0;}
.pagetxt{ width:50%;}
.pagetxt .pagetit{ position:relative; color:#f7f6f6; font-size:120px; font-family:Impact; line-height:1; text-transform:uppercase;margin-bottom:20px;}
.pagetxt .pagetit span{ position:absolute; color:#1c1c1c; font-size:36px; left:0; top:74px; font-weight:bold; }
.pagetxt .pageinfo{ color:#092718; font-size:16px; line-height:2.2; }

.culturelist{ overflow: hidden;}
.culturelist li{ float:left; width:100%; color:#092718; font-size:16px; line-height:60px; margin-bottom:25px;}
.culturelist li b{ color:#1c1c1c; font-size:24px; margin-right:65px;}

.pageimg{ width:50%; margin-top:70px;}
.pageimg .img{ width:88.5%; margin-left:11.5%;}
.pageimg .img img{ width:100%;}
.pageimg .img2{ position:relative; margin-top:20px;}
.pageimg .img2 .pageico{ position:absolute; left:-75px;top:50%; width:150px; height:110px; margin-top:-55px; }


.honor{ overflow: hidden; margin:0 5%; }
.honor li{ float:left; margin:0 1% 1% 1%; width:31.33%;}
.honor li .img{ border-radius:5px; overflow:hidden;}
.honor li img{ width:100%; display:block; }
.honor li .txt{ line-height:70px; font-size:16px; text-align:center; color:#666666; }

.coninfo{ color:#3a3a3a; font-size:18px; line-height:60px;}

.socialtit{color:#1c1c1c; font-size:36px; font-weight:bold; line-height:1; margin:35px 0;}
.social{ overflow:hidden;}
.social a{ float:left; width:53px; height:53px; margin-right:19px; background:#0095b5;}
.social a.ico_qq{ background-image:url(../images/ico_qq.png); background-size:100% 100%;}
.social a.ico_wechat{ background-image:url(../images/ico_wechat.png);  background-size:100% 100%;}
.social a.ico_sina{ background-image:url(../images/ico_sina.png);  background-size:100% 100%;}

.map{ width:90%; margin-left:10%;}
.my-map {width: 100%; height: 400px; }

.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;color:#0095b5; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 5px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.newslist{ padding:100px 0 90px 0; overflow: hidden;}
.newslist li{ margin-right:2%; width:32%; float:left;}
.newslist li img{ width:100%; display:block;} 
.newslist li .txt{ padding:20px 25px; border-bottom:1px solid #eaeaea;}
.newslist li .txt h3{ font-size:18px; line-height:30px; height:60px; font-weight:normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}
.newslist li .txt span{ color:#a3a2a2; font-size:13px; background:url(../images/time.png) no-repeat left center; padding-left:20px; display:block;margin-top:20px;}
.newslist li:hover .txt{ background:#0095b5;}
.newslist li:hover .txt h3{ color:#ffffff;}
.newslist li:hover .txt span{ color:#ffffff; background-image:url(../images/times.png);}


.imglist{ overflow:hidden; padding:50px 0;}
.imglist li{ float:left; width:100%; margin-bottom:15px; padding:30px; background:#f6f8f8;}
.imglist li .img{ float:left; width:22%;}
.imglist li .img img{ display:block; width:100%;}
.imglist li .txt{ float:right; width:75%;}
.imglist li .txt span{color: #a3a2a2; height:20px; line-height:20px; font-size: 13px; background: url(../images/time.png) no-repeat left center; padding-left: 20px; display: block; margin-top:20px;}
.imglist li .txt h3{ color:#2d2d2d; font-size:24px; font-weight:normal; margin:10px 0;}
.imglist li .txt h3 a:hover{ color:#0095b5;}
.imglist li .txt p{ color:#6f6f6f; font-size:16px; line-height:1.8;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden;}


.prodlist{ overflow:hidden; padding:80px 0;}
.prodlist li{ width:31.33%; margin-right:3%; float:left;}
.prodlist li img{ width:100%; display:block;}
.prodlist li .txt{ color:#1c1c1c; font-size:18px; text-align:center; line-height:90px;}
.prodlist li .txt a{ display:block;}
.prodlist li .txt:hover{ color:#0095b5;}

.prodmain{ padding:80px 0;}
.prodban{ width:50%;}
.prodban .s img{ width:100%; display:block;}

.prodban .x{width:100%;overflow: hidden;}
.prodban .x li{float: left;text-align: center;cursor: pointer;  width:25%;}
.prodban .x li p{ width:90%; margin:0 5%; display:block; position:relative; }
.prodban .x li img{width:100%; display:block; padding:5px;}
.prodban .x li.active-nav p{ background:#0095b5;}
.prodban .x li.active-nav p img{padding:5px;}
.prodban .anniu{ position:relative; overflow: hidden;margin-top: 17px; padding:0 36px;}
.prodban .anniu .prev,.prodban .anniu .next{position: absolute; top:0;width:36px;height: 100%;background-repeat: no-repeat;z-index: 2; cursor:pointer;}
.prodban .anniu .prev{left: 0;background:#888888 url(../images/procon-prev.png) no-repeat center center; }
.prodban .anniu .next{right: 0;background:#888888 url(../images/procon-next.png) no-repeat center center; }

.prodban .anniu .prev:hover,.prodban .anniu .next:hover{ background-color:#0095b5;}

.prodtxt{ width:46%; position:relative;}
.prodtxt h1{ color:#1c1c1c; font-size:36px; font-weight:normal;}
.prodinfo{ color:#4c4c4c; font-size:18px; line-height:2; margin-top:15px;}
.prodinfo p{ margin-bottom:30px;  }
.prodico{ overflow:hidden; margin-top:20px;}
.prodico li{ width:25%; float:left;}
.prodico li i{ display:block; margin:0 auto; width:70px; height:70px;}
.prodico li img{ width:100%;}
.prodico li span{ display:block; color:#0095b5; font-size:18px; font-weight:bold; margin-top:10px; text-align:center;}

.bshare-custom{ overflow: hidden; position:absolute; top:12px; right:0; }
.bshare-custom span{ float:left; line-height:30px; font-size:14px; color:#666666;}
.bshare-custom a{width:30px!important; height:30px!important; margin:0 5px!important; padding:0!important; display: block; float:left; }
.bshare-custom .bshare-weixin{ background: url(../images/share01.png) no-repeat center center!important; background-size:100% 100%!important;}
.bshare-custom .bshare-qqim{ background: url(../images/share02.png) no-repeat center center!important; background-size:100% 100%!important;}
.bshare-custom .bshare-sinaminiblog{ background: url(../images/share03.png) no-repeat center center!important; background-size:100% 100%!important;}
.bshare-custom .bshare-qzone{ background: url(../images/share04.png) no-repeat center center!important; background-size:100% 100%!important;}

.bsTop{ width:100%!important; height:32px!important; line-height:32px!important;}
.bsFrameDiv div{ width:100%!important; height:100%!important;}
.bsFrameDiv img{ width:160px!important; height:160px!important;}

 .pagination { margin-top:30px; width:100%; overflow:hidden;text-align: center;}
 .pagination > a{ margin:0 3px;
	display: inline-block;
	padding: 4px 10px;
	font-size: 14px;
	color: #333;
	border: 1px solid #333;
	background: #f5f5f5;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
 }
 .pagination > span{margin:0 3px;
	display: inline-block;
	padding: 4px 10px;
	font-size: 14px;
	border: 1px solid #0095b5;
	background: #0095b5;
	color: #f5f5f5;
 }
 .pagination > a:hover{
	background: #0095b5;
	border-color: #0095b5;
	color: #f5f5f5;
 }


.ewm{ width:200px; height:200px; display:none;
    position: fixed; z-index: 100;
    padding: 15px;
    background-color: #333;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    z-index: 20;
    border-radius: 5px;
    top: 50%; margin:-100px 0 0 -100px;
    left: 50%;}

.ewm img{ width:170px; height:170px; display:block;}	


	
.showmain{ padding:60px 0;}	
.nstit{ color:#282828; font-size:24px; font-weight:normal; text-align:center; }
.parameter{ text-align:center; color:#8f8e8e; font-size:14px; margin-top:10px;}
.parameter span{ margin:0 10px;}

.showtxt{  color:#3d3d3d; font-size:16px; line-height:1.8; overflow:hidden; margin-top:20px;}
.showtxt img{ max-width:100%; height:auto!important;}

.nspage{ border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; margin:30px 0 0 0; overflow:hidden;}
.nspage div{ width:50%; line-height:24px; padding:12px 10px; color:#828282; font-size:14px; }
.nspage div.fl{ border-right:1px solid #eeeeee;}
.nspage div.fr{ text-align:right;}
.nspage div a:hover{color:#0095b5;}	

.fuwubg{width: 100%;padding: 5% 0;}
.fuwu{width:75%;margin:0 auto;}
.fuwu .t{font-size: 14px;color: #333333;margin-bottom: 4%;text-align: center;}
.fuwu .t>b{font-size: 48px;display: block;}
.fuwu p{width: 100%;overflow: hidden;margin-bottom: 20px;}
.fuwu p .k{background:#fff;padding: 0 10px;color: #666666; font-size: 16px; height: 50px;line-height: 50px;width: 32%;margin-right: 2%;border: 1px solid #dcdcdc;}
.fuwu p .k2{width: 49%;margin-right: 0}
.fuwu p .k3{width: 100%;margin-right: 0}
.fuwu p .hk{height: 100px!important;line-height: 1.4!important;padding: 10px;}
.fuwu .b{background:#0095b5;color: #fff;width: 100%;cursor: pointer; height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;display: block;margin:0 auto;}
.fuwu .b:hover{background:#666666;box-shadow: 0 2px 2px #000}



.fuwu .b{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}